<template>
    <div class="publishitem">
        <div class="leftimg">
            <img :src="publish.image" alt="">
        </div>
        <div class="rightdesc">
            <div class="publishname">
                <a>
                    {{publish.name}}
                </a>
                
                <span>{{publish.level}}</span>
            </div>
            <div class="publishdesc">
                {{publish.introduction}}
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        publish: { type: Object, default: { id: '', image: '', introduction: '',level:'',name:'',remark:'' } }

        // publish: { type: Object, default: {url:'',name: '人民教育出版社', press: '西安地图出版社', level:'等级1',content:'电商物流配送业务量随之增长，我国现有的物流设施在非节假日期间的利用率已经达到较高水平，但电商在节假日促销产生的订单量却超出了快递企业的能力范围，快件的延误、损坏、丢失等快递爆仓现象在节假日时有发生' }}
    },
    data() {
        return {
            mpublish:this.publish,
            publishurl:this.publish.url?this.publish.url:require('@/assets/publish/publish.png')
        }
    },
    methods:{
        getUrl(){
            return this.publish.remark;
        }
    }

}
</script>

<style scoped>
.publishitem {
	height: 240px;
    margin-top: 30px;
    /* border-bottom: 1px solid rgb(239, 242, 243); */
    display: flex;
    flex-direction: row;
    background-color: white;
    padding:20px 30px;
}


.leftimg {
    /* padding: 14px 17px;
    border-radius: 5px; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.leftimg img {
    width: 300px;
    height: 200px;
}

.rightdesc {
	
    padding-left: 60px;
    display: flex;
    flex-direction: column;
}

.bookbrief {
    flex: 1;
}

.publishname{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.publishname>a{
    color: rgb(0, 27, 39);
font-family: PingFang SC;
font-size: 22px;

/* line-height: 22px; */
letter-spacing: 0px;
text-align: left;
text-decoration: none; /* 去除默认的下划线 */
}
.publishname>span:last-child{
    color: rgb(43, 86, 166);
font-family: PingFang SC;
font-size: 22px;

/* line-height: 22px; */
letter-spacing: 0px;
text-align: left;
margin-left: 20px;
}
.publishdesc {
	height: 110px;
    flex: 2;
    color: rgb(51, 54, 65);
    font-family: PingFang SC;
    font-size: 18px;
    /* line-height: 30px; */
    letter-spacing: 0px;
    text-align: justify;
    margin-top: 20px;
	overflow-y: auto;
    text-indent: 2em;
}
.publishdesc::-webkit-scrollbar { width: 0 !important }
</style>